<!DOCTYPE html>
<html>
<head>
    <title>CSS Highlight API Test: ::highlight text-decoration paints over higher priority when not clashing</title>
    <style>
        #yellow-highlight {
            background-color: yellow;
            text-decoration: underline;
            text-decoration-color: red;
        }
    </style>
</head>
<body>
    <span id="yellow-highlight">Yellow</span>
</body>
</html>